<template>
  <div class="demo">
    <h2 >我是APP组件 我的车是:{{car}}</h2>
    <input  ref="keyword" type="text">
    <button @click="show">点我提示左侧输入</button>
    <hr>
    <Hello/>
    <hr>
    <Test ref=""></Test>
  </div>
</template>
<!--
关于h函数
  1.vue.js与vue.xxx.xxx.js的区别
    vue.js的完整版的vue,包含全部的功能+模板解析器
    vue.xxx.xxx.js是残缺版,不包含模板解析器
  2.h函数可以帮我们调到vue-template-compiler这个loader 这个loader可以编译vue函数
-->

<script>
import Hello from "./components/Hello";
import Test from "./components/Test";
export default {
  data() {
    return {
      car:'宝马'
    }
  },
  methods:{
    show(){
      console.log(this.$refs.show.value)
    }
  },
  components:{Hello,Test}
}
</script >

